/*QS market*/
.qs-market{height:209px;width: 100%;}
.qs-market .grid{height: 186px;width: 100%;}
.qs-market .grid .rtq-grid{border:none;}
.qs-market .rtq-grid .rtq-grid-bd .rtq-grid-row,.qs-market .rtq-grid .rtq-grid-bd .rtq-grid-row-over{overflow:hidden;}

.markets-refresh{position:absolute;right:0;top:0;z-index:100;display:inline-block;width:22px;height:28px;background:none 0 -1890px repeat-x;}
.markets-refresh a{display:inline-block;margin:7px 0 0 2px;width:15px;height:12px;background:none 0 -2160px no-repeat;text-indent:-10000px;}
/*qs_marketindex*/

.qs-marketindex .grid .rtq-grid{border:none;}
.qs-marketindex .grid .rtq-grid .rtq-grid-hd{display:none;}
.qs-marketindex .minichart{position:relative;}

.rtq-window-setpn-mki{width:182px;}
.rtq-window-setpn-mki h5{margin:5px;}
.rtq-window-setpn-mki .rtq-ddl{margin:0 5px;}
/*qs_marketsectors*/
.qs-triangle-container{padding:5px;}
.qs-triangle-container .main{position:relative;}
.qs-triangle-container .main .qs-ui-triangle{position:relative;z-index:99;}
.qs-triangle-container .qs-triangle-txt{position:absolute;}
.qs-triangle-container .defensive{width:31px;height:45px;background:none no-repeat;bottom:8px;left:-4px;}
.qs-triangle-container .sensitive{width:28px;height:42px;background:none no-repeat;top:6px;left:55px;}
.qs-triangle-container .cyclical{width:37px;height:10px;background:none no-repeat;bottom:-8px;left:54px;}
.qs-triangle-container .mkt{width:18px;height:9px;background:none no-repeat;top:51px;left:39px;z-index:100;}
.qs-triangle-container .subTitle{width:100%;}
.qs-triangle-container .sub .box, .qs-triangle-container .subTitle .title{float:left;width:20%;text-indent:5px;}
.qs-triangle-container .sub{margin-top:10px;}

.qs-marketsectors-grid{margin-top:20px;}
.qs-marketsectors-grid h3{padding:5px;background:#f0f0f0;}
.qs-marketsectors-grid .range{text-align:right;}

/*qs_marketcommodityfutures*/
.qs_marketcommodityfutures{position:relative;width:100%;height:100%;}
.qs_marketcommodityfutures .module{position:relative;float:left;width:115px;margin:5px;border:1px solid;}
.qs_marketcommodityfutures .module h5.row{line-height:1;border-bottom:1px solid;height:12px;text-align:left;}
.qs_marketcommodityfutures .module .row{width:100%;height:18px;line-height:18px;border-bottom:1px solid;padding:2px 0;text-align:right;}
.qs_marketcommodityfutures .module .pic{position:absolute;width:58px;height:58px;top:27px;opacity:0.7;}
.qs_marketcommodityfutures .module .gold,
.qs_marketcommodityfutures .module .crude,
.qs_marketcommodityfutures .module .natgas{background:none no-repeat;}/*change the legend from image to background*/
.qs_marketcommodityfutures .module .symbol{text-indent:60px;}
.qs_marketcommodityfutures .module .LastPrice{text-indent:60px;}
.qs_marketcommodityfutures .module .Chg{text-indent:60px;}
.qs_marketcommodityfutures .module .Chgper{text-indent:60px;}
.qs_marketcommodityfutures .module .Date{text-align:right;font-size:85%;}

/*qs_marketbarometer*/
.qs_marketbarometer{position:relative;}
.qs_marketbarometer .main{position:relative;clear:both;}

.qs_marketbarometer .main .box{float: left;width: 62%; height:100%;margin-left:1%;}
.qs_marketbarometer .main .clorbox{float: right; width: 36%;}
.qs_marketbarometer .center-gap{height:10px;}
.qs_marketbarometer .sub{position:relative;clear:both;zoom:1;}
.qs_marketbarometer .sub:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.qs_marketbarometer .sub .box{float:left;width:18%;margin-left:1%}

.qs_msstylebox{position:relative;width:100%;margin:5px;}
.qs_msstylebox .msstylebox{float:left;border:1px solid;}
.qs_msstylebox .msstylebox td{text-align:center;color:black;word-break: keep-all;white-space: nowrap;overflow:hidden;font-size:78%;font-family:arial;}
.main .qs_msstylebox .msstylebox td:hover{cursor:pointer;}
.qs_msstylebox .small, .qs_msstylebox .large{height:33%;}
.qs_msstylebox .value, .qs_msstylebox .growth{width:33%;}
.qs_msstylebox .mid{height:33%;}
.qs_msstylebox .core{width:33%;}
.qs_msstylebox .large, .qs_msstylebox .mid{border-bottom:1px solid;}
.qs_msstylebox .value, .qs_msstylebox .core{border-right:1px solid;}
.qs_msstylebox .cell{float:left;height:100%;}
.qs_msstylebox .header-bottom td{width:33%;text-align:center;}
.qs_msstylebox .header-right td{}
.qs_msstylebox .range{clear:both;font-size:80%;}

.qs_msstyleboxcolorgroup{width:100%;height:100%;margin:5px;}
.qs_msstyleboxcolorgroup .container{width: 8px;height: 40px;float: left;}
.qs_msstyleboxcolorgroup .container .color{width:100%;height: 4px;margin-top: 2px;}
.qs_msstyleboxcolorgroup .range{float:left; height: 40px; width: 50px;}
.qs_msstyleboxcolorgroup .range .high, .qs_msstyleboxcolorgroup .range .mid{height:42%;}
.qs-market .minichart{position:relative;}

.barometerTitle{background-color:#333 !important;color:#eee !important;font-weight:bold;padding:3px 0;text-indent:6px;width:220px;}

.qs_marketbarometer .ft{border:none;}

qs-marketindex {

background-color:#333;

}

.rtq-tabs .rtq-tab-menus li.on a {

background: url("//rtqimg.morningstar.com/theme/arc/bg_tab_on.png") no-repeat scroll 100% 0 #333;

color: #eee;

}

.ticker {color:#eee;}

.time {color:#eee;}

.title h3 {

color:#eee 

border-top: 1px solid #666666;

}

canvas { background-color: #000; }

 

.rtq-grid .rtq-grid-hd {

background: none repeat scroll 0 0 #333333;

border-color: #333

}

 

.rtq-grid .rtq-grid-bd div.rtq-grid-row-selected, .rtq-grid .rtq-grid-bd .rtq-grid-row-over {

    background: none repeat scroll 0 0 #666;

}

 

.rtq-grid .rtq-grid-bd div.rtq-grid-row-selected .rtq-grid-cell {

    background: none repeat scroll 0 0 #666;

}

 

.rtq-grid .rtq-grid-bd .rtq-grid-row {

border-color: #666;

}

 

.qs-marketindex .rtq-grid .rtq-grid-bd .rtq-grid-cell .rtq-grid-cell-ctn {

color: #EEEEEE !important;

}
